<template>
  <div class="index_container">
    <div class="index_head">
      <div class="index_head_left">
        <img src="../assets/common/enter.png" alt="">
      </div>
      <div class="index_head_middle">
        <img src="../assets/common/head.png" alt="">
      </div>
    </div>
    <div class="index_body">
      <div class="index_body_left">
        <div class="l_item"><node-operate-condition /></div>
        <div class="l_item"><new-block /></div>
        <div class="l_item"><bar-chart /></div>
      </div>
      <div class="index_body_middle">
        <div class="m_item"><jin-ji-chain /></div>
        <div class="m_item"><chain-deal /></div>
      </div>
      <div class="index_body_right">
        <div class="r_item"><chain-data-condition /></div>
        <div class="r_item"><contract-condition /></div>
      </div>
    </div>
  </div>
</template>

<script >
import NodeOperateCondition from '../components/NodeOperateCondition/index.vue'
import NewBlock from '../components/NewBlock/index.vue'
import BarChart from '../components/BarChart/index.vue'
import JinJiChain from '../components/JinJiChain/index.vue'
import ChainDeal from '../components/ChainDeal/index.vue'
import ChainDataCondition from '../components/ChainDataConditon/index.vue'
import ContractCondition from '../components/ContractCondition/index.vue'

export default {
  components: {
    NodeOperateCondition,
    NewBlock,
    BarChart,
    JinJiChain,
    ChainDeal,
    ChainDataCondition,
    ContractCondition
  },
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  }

}
</script>

<style lang="less"  scoped>
.index_container{
  width: 100%;
  height: 1080px;
  background:url('../assets/common/index_bg.png') no-repeat;
  overflow: hidden;
}
.index_head{
  display: flex;
  width: 100%;
  height: 68px;
  padding-left: 46px;
  margin: 39px 0 60px 0;

}

.index_body{
  display: flex;
  width: 100%;
  padding: 0 60px;
  .index_body_left{
    width: 444px;
    .l_item{
      width: 100%;
    }
  }
  .index_body_middle{
    width: 888px;
    margin: 0 12px;
    .m_item{
      width: 100%;
    }
  }
  .index_body_right{
    width: 444px;
    .r_item{
      width: 100%;
    }
  }

}

</style>

